<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>ipad产品大类</title>
    <link rel="stylesheet" href="./css/layui.css" />
    <script src="./layui.js"></script>
    <script src="./js/carousel.js"></script>
    <link rel="stylesheet" href="./css/Project.css" />
    <link rel="stylesheet" href="./css/bottom.css" />
    <link rel="stylesheet" href="./css/carousel.css" />
  </head>

  <body>
    <div id="header">
      <a href="./index.html"><img id="barIcon" src="./img/bar/barIcon.jpg" alt="barIcon" /></a>
      <div id="barRight">
        <a href="./login.html"><img id="account" src="./img/bar/account.jpg" alt="account" /></a>
        <img id="love" src="./img/bar/love.jpg" alt="love" />
        <a href="./shoppingCar.html"><img id="car" src="./img/bar/car.jpg" alt="car" /></a>
      </div>
    </div>

    <div class="layui-carousel" id="carousel">
      <div carousel-item>
        <div><img src="./img/pov/pov10.jpg" /></div>
      </div>
    </div>

    <div id="body">
      <div id="nav">
        <ul>
          <li><a href="./electronics.html" class="grey">Electronics</a></li>
          <li>/</li>
          <li>iPad & Tablets</li>
        </ul>
      </div>
      <div id="wraper">
        <!-- 左菜单 -->
        <div class="left">
          <div class="text_01">
            <p class="t_01">
              <a href="" class="font16"><strong>Shop by category</strong></a>
            </p>
            <ul class="menu_01">
              <li><a href="" class="grey">iPads</a></li>
              <li><a href="" class="grey">iPads accessories</a></li>
            </ul>
          </div>
          <div class="text_02">
            <p class="t_01">
              <a href="" class="font16"><strong>Shop Android tablets</strong></a>
            </p>
            <ul class="menu_02">
              <li><a href="" class="grey">Samsung Galaxy Tab</a></li>
              <li><a href="" class="grey">Android tablets</a></li>
            </ul>
          </div>
          <div class="text_03">
            <p class="t_01">
              <a href="" class="font16"><strong>Shop Windows tablets</strong></a>
            </p>
            <ul class="menu_03">
              <li><a href="" class="grey">Windows tablets</a></li>
              <li><a href="" class="grey">Microsoft Surface</a></li>
              <li><a href="" class="grey">Microsoft Surface accessories</a></li>
            </ul>
          </div>

          <div class="text_04">
            <p class="t_01">
              <a href="" class="font16"><strong>Tech Guides</strong></a>
            </p>
            <ul class="menu_04">
              <li><a href="" class="grey">Laptop & tablet buying guide</a></li>
              <li><a href="" class="grey">Take portable PC gaming to the next level with NVIDIA RTX laptops</a></li>
              <li><a href="" class="grey">How to save money by cutting cable</a></li>
              <li><a href="" class="grey">The best wireless routers of 2019: how to choose the right one</a></li>
              <li><a href="" class="grey">8 ways to improve your home WiFi signal</a></li>
              <li><a href="" class="grey">What Is mesh WiFi, & do I need it?</a></li>
              <li><a href="" class="grey">Top 10 reasons to buy a Walmart product care plan</a></li>
              <li><a href="" class="grey">Turn old gadgets & games into gift cards with Walmart trade-In</a></li>
            </ul>
          </div>
        </div>
        <!-- 右部分 -->
        <div class="right">
          <h3 class="center_01"><a href="" class="font16">Shop tablets by category</a></h3>
          <!-- 第一行图片 -->
          <ul class="row_01">
            <li class="box_01">
              <a href="./ipad.html"><img src="img/img_01.png" /></a>
              <span class="line_01" class="font16"><a href="" class="font16">iPads</a></span>
            </li>
            <li class="box_02">
              <a href=""><img src="img/img_02.png" /></a>
              <span class="line_02" class="font16"><a href="" class="font16">Android tablets</a></span>
            </li>
            <li class="box_03">
              <a href=""><img src="img/img_03.png" /></a>
              <span class="line_03" class="font16"><a href="" class="font16">Samsung Galaxy</a></span>
            </li>
            <li class="box_04">
              <a href=""><img src="img/img_04.png" /></a>
              <span class="line_04" class="font16"><a href="" class="font16">Kid's tablets</a></span>
            </li>
            <li class="box_05">
              <a href=""><img src="img/img_05.png" /></a>
              <span class="line_05" class="font16"><a href="" class="font16">Microsoft Surface</a></span>
            </li>
          </ul>
          <!-- 第二行图片 -->
          <ul class="row_02">
            <li class="box_06">
              <a href=""><img src="img/img_06.png" /></a>
              <span class="line_06" class="font16"><a href="" class="font16">Refurbished tablets</a></span>
            </li>
            <li class="box_07">
              <a href=""><img src="img/img_07.png" /></a>
              <span class="line_07" class="font16"><a href="" class="font16">Kobo eReader</a></span>
            </li>
            <li class="box_08">
              <a href=""><img src="img/img_08.png" /></a>
              <span class="line_08" class="font16"><a href="" class="font16">Windows tablets</a></span>
            </li>
            <li class="box_09">
              <a href=""><img src="img/img_09.png" /></a>
              <span class="line_09" class="font16"><a href="" class="font16">Savings spotlight</a></span>
            </li>
            <li class="box_10">
              <a href=""><img src="img/img_10.png" /></a>
              <span class="line_10" class="font16"><a href="" class="font16">Pickup in-store</a></span>
            </li>
          </ul>
          <div class="section_01">
            <p class="p_01"><a href="" class="font16">Maximize your tablet's potential</a></p>
            <p class="p_02"><a href="" class="grey_01">Shop keyboards, stylus pens & more.</a></p>
          </div>
          <div class="left_01">
            <ul>
              <li class="p_03">
                <a href=""><img src="img/img_11.png" /></a>
              </li>
              <li class="p_05"><a href="" class="grey_01">Shop popular accessories</a></li>
            </ul>
          </div>
          <div class="right_01">
            <ul>
              <li class="p_04">
                <a href=""><img src="img/img_12.png" /></a>
              </li>
              <li class="p_06"><a href="" class="grey_01">Shop popular iPad accessories</a></li>
            </ul>
          </div>
          <div class="section_03">
            <p class="p_01"><a href="" class="font16">How to finance with Affirm</a></p>
          </div>
          <div class="left_02">
            <ul>
              <li class="p_03">
                <a href=""><img src="img/img_13.png" /></a>
              </li>
              <li class="p_05"><a href="" class="grey_01">Shop popular accessories</a></li>
            </ul>
          </div>
          <div class="right_02">
            <ul>
              <li class="p_04">
                <a href=""><img src="img/img_14.png" /></a>
              </li>
              <li class="p_06"><a href="" class="grey_01">Shop popular iPad accessories</a></li>
            </ul>
          </div>
          <div class="end">
            <p>
              <a href=""></a>
              <img src="img/img_15.png" />
            </p>
            <p class="p_08"><a href="" class="font16">Stay Connected and Entertained with iPads and Tablets</a></p>
            <p class="p_09">
              <a href="" class="font12">
                ablets are wonderful, portable, multipurpose computers with a wide range of functions for work andplay, so it's no wonder why they continue to grow in popularity. Whether you need to
                get someassignments done on the go, watch movies during a flight, or enjoy some portable app gaming, Walmartoffers a variety of iPads and tablet PCs at everyday low prices to suit your
                needs. Before you make your
              </a>
            </p>
            <p class="p_10"><a href="" class="font16">See More</a></p>
          </div>
        </div>
      </div>
    </div>

    <div id="bottom">
      <div class="b">
        <span class="bh">Walmart Services</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Walmart+</a></li>
          <li class="b-text"><a href="#">Grocery Pickup & Delivery</a></li>
          <li class="b-text"><a href="#">MoneyCenter</a></li>
          <li class="b-text"><a href="#">Walmart Credit Card</a></li>
          <li class="b-text"><a href="#">Walmart Pay</a></li>
          <li class="b-text"><a href="#">Weekly Ad</a></li>
          <li class="b-text"><a href="#">Other Services</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Get to Know Us</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Our Company</a></li>
          <li class="b-text"><a href="#">Store Directory</a></li>
          <li class="b-text"><a href="#">Digital Museum</a></li>
          <li class="b-text"><a href="#">Our Suppliers</a></li>
          <li class="b-text"><a href="#">Sell on Walmart.com</a></li>
          <li class="b-text"><a href="#">Advertise With Us</a></li>
          <li class="b-text"><a href="#">Careers</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Walmart.com</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Walmart Labs</a></li>
          <li class="b-text"><a href="#">Our Ads</a></li>
          <li class="b-text"><a href="#">Terms of Use</a></li>
          <li class="b-text"><a href="#">Privacy & Security</a></li>
          <li class="b-text"><a href="#">CA Privacy Rights</a></li>
          <li class="b-text"><a href="#">Do Not Sell My Personal Information</a></li>
          <li class="b-text"><a href="#">Request My Personal Information</a></li>
          <li class="b-text"><a href="#">Tax Exempt Program</a></li>
          <li class="b-text"><a href="#">California Supply Chain Security Act</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Customer Service</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Help Center</a></li>
          <li class="b-text"><a href="#">Returns</a></li>
          <li class="b-text"><a href="#">Product Recalls</a></li>
          <li class="b-text"><a href="#">Accessibility</a></li>
          <li class="b-text"><a href="#">Contact Us</a></li>
          <li class="b-text"><a href="#">Store Pickup</a></li>
        </ul>
      </div>

      <div class="b" style="margin-bottom: 160px; clear: right">
        <span class="bh">In The Spotlight</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Portable Air Conditioners</a></li>
          <li class="b-text"><a href="#">PS4</a></li>
          <li class="b-text"><a href="#">Trampoline</a></li>
          <li class="b-text"><a href="#">Skateboard</a></li>
          <li class="b-text"><a href="#">Outdoor Furniture</a></li>
          <li class="b-text"><a href="#">Nintendo Switch Lite</a></li>
        </ul>
      </div>
      <hr />
      <div id="copy" style="clear: both">
        <small class="copy" style="float: left; margin-top: 5px">© 2021 Walmart. All Rights Reserved.</small>
        <small class="copy" style="float: right; margin-top: 5px">To ensure we are able to help you as best we can, please include your reference number: ZICHWEIG9F</small>
      </div>
    </div>
  </body>
</html>
